<!DOCTYPE html>
<html>
    <head>
        <link rel="stylesheet" href="css/bootstrap.min.css">
        <link rel="stylesheet" href="css/jquery-confirm.min.css">
        <link rel="stylesheet" href="css/index.css">
        <meta charset="utf-8">
    </head>
    <body>
        <script src="js/jquery.slim.min.js"></script>
        <script src="js/bootstrap.bundle.min.js"></script>
        <script src="js/jquery-confirm.min.js"></script>
        <nav class="navbar navbar-light bg-light">
            <a class="navbar-brand" style="font-family: Consolas;margin-left: 10pt;">Lold game</a>
            <div id="data-message" style="display:inline-block;"></div>
            <div>
                <button type="button" class="btn btn-success btn-sm" id="trans-data">向服务器上传数据</button>
                <button type="button" class="btn btn-success btn-sm" id="fetch-data">从服务器抓取数据</button>
            </div>
        </nav>
        <div class="btn-group" id="centuries">
        </div>
        <hr>
        <div class="container w-100" style="max-width: none;">
            <div class="col-2" style="display: inline-block;">
                <ul class="list-group" id="material">
                </ul>
            </div>
            <div class="col-9" id="article" style="float:right;">
            </div>
        </div>
        <script src="js/method/data.js"></script>
        <script src="js/method/upload.js"></script>
        <script src="js/method/spinner.js"></script>
        <script src="js/method/index.js"></script>
    </body>
</html>